<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Amaze UI Admin 404 Examples</title>
  <meta name="description" content="这是一个商品类型管理界面">
  <meta name="keywords" content="404">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="__STATIC__/admin_img/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="__STATIC__/admin_img/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href="__STATIC__/admin_css/amazeui.min.css"/>
  <link rel="stylesheet" href="__STATIC__/admin_css/admin.css">
  <link href="__STATIC__/admin_css/mine.css" type="text/css" rel="stylesheet" />
  <link rel="stylesheet" href="__STATIC__/admin_css/style.css" />
  <script type="text/javascript" src="__STATIC__/admin_js/jquery-1.4.2.min.js"></script>
</head>
<body>
<!-->

    这是一个商品类型管理界面，内容在《内容开始》与《内容结束》之间

<!-->

{include file="common:header" /}

  <!-- content start -->
  <div class="admin-content">
    <div class="admin-content-body">
      <div class="am-cf am-padding am-padding-bottom-0">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">商品类型</strong> / <small>Goods Type</small></div>
      </div>
      <hr>

        <!-- 内容开始 TODO: 以下数据全需从数据库中读取数据，大体结构已经出来了，但是还有很多问题 -->
        <div id="menu_content_bg" style="height:0px;">
           <div id="menu_content_wrap">
             <ul style="top: 0px;">
               <li id="xiaomiphone">
                 <div class="menu_content">
                   <img src="img/mi4!160x110.jpg">
                   <p class="menu_content_tit">大米手机4</p>
                   <p class="menu_content_price">1499元起</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/minote!160x110.jpg">
                   <p class="menu_content_tit">大米NOTE标准版</p>
                   <p class="menu_content_price">1999元起</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/minotepro!160x110.jpg">
                   <p class="menu_content_tit">大米NOTE顶配版</p>
                   <p class="menu_content_price">2999元起</p>
                 </div>
               </li>
               <li id="hongmiphone">
                 <div class="menu_content">
                   <img src="img/hongmi2a!160x110.jpg">
                   <p class="menu_content_tit">红米手机2A</p>
                   <p class="menu_content_price">499元</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/hongmi2!160x110.jpg">
                   <p class="menu_content_tit">红米手机2</p>
                   <p class="menu_content_price">599元</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/note!160x110.jpg">
                   <p class="menu_content_tit">红米NOTE</p>
                   <p class="menu_content_price">699元</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/note2!160x110.jpg">
                   <p class="menu_content_tit">红米NOTE2</p>
                   <p class="menu_content_price">799元</p>
                 </div>
               </li>
               <li id="pingban">
                 <div class="menu_content">
                   <img src="img/mipad16!160x110.jpg">
                   <p class="menu_content_tit">大米平板16G</p>
                   <p class="menu_content_price">1299元</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/mipad64!160x110.jpg">
                   <p class="menu_content_tit">大米平板64G</p>
                   <p class="menu_content_price">1499元起</p>
                 </div>
               </li>
               <li id="tv">
                 <div class="menu_content">
                   <img src="img/mitv40!160x110.jpg">
                   <p class="menu_content_tit">大米电视2&nbsp;40英寸</p>
                   <p class="menu_content_price">1999元</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/mitv48!160x110.jpg">
                   <p class="menu_content_tit">大米电视2S&nbsp;48英寸</p>
                   <p class="menu_content_price">2999元起</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/mitv49!160x110.jpg">
                   <p class="menu_content_tit">大米电视2&nbsp;49英寸</p>
                   <p class="menu_content_price">3399元起</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/mitv55!160x110.jpg">
                   <p class="menu_content_tit">大米电视2&nbsp;55英寸</p>
                   <p class="menu_content_price">4499元起</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/hezimini!160x110.jpg">
                   <p class="menu_content_tit">大米盒子MINI版</p>
                   <p class="menu_content_price">199元</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/hezis!160x110.jpg">
                   <p class="menu_content_tit">大米盒子增强版</p>
                   <p class="menu_content_price">299元</p>
                 </div>
               </li>
               <li id="luyou">
                 <div class="menu_content">
                   <img src="img/miwifi!160x110.jpg">
                   <p class="menu_content_tit">全新大米路由器</p>
                   <p class="menu_content_price">699元起</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/miwifimini!160x110.jpg">
                   <p class="menu_content_tit">大米路由器&nbsp;MINI</p>
                   <p class="menu_content_price">129元</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/miwifilite!160x110.jpg">
                   <p class="menu_content_tit">大米路由器&nbsp;青春版</p>
                   <p class="menu_content_price">79元</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/wifiExtension!160x110.jpg">
                   <p class="menu_content_tit">大米WIFI放大器</p>
                   <p class="menu_content_price">39元</p>
                 </div>
               </li>
               <li id="yingjian">
                 <div class="menu_content">
                   <img src="http://c1.mifile.cn/f/i/15/goods/nav/scale!160x110.jpg">
                   <p class="menu_content_tit">体重称</p>
                   <p class="menu_content_price">99元</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/xiaoyi!160x110.jpg">
                   <p class="menu_content_tit">摄像头</p>
                   <p class="menu_content_price">129元起</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/yicamera!160x110.jpg">
                   <p class="menu_content_tit">运动相机</p>
                   <p class="menu_content_price">399元起</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/ihealth!160x110.jpg">
                   <p class="menu_content_tit">血压计</p>
                   <p class="menu_content_price">199元</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/chazuo!160x110.jpg">
                   <p class="menu_content_tit">智能插座</p>
                   <p class="menu_content_price">59元</p>
                 </div>
                 <span class="menu_content_line"></span>
                 <div class="menu_content">
                   <img src="img/smart!160x110.jpg">
                   <p class="menu_content_tit">查看全部
                     <br>智能硬件</p>
                 </div>
               </li>
             </ul>
           </div>
         </div>
         <div id="big_banner_wrap">
           <ul id="banner_menu_wrap">
             <li class="active"img>
               <a>手机&nbsp;平板</a>
               <a class="banner_menu_i">&gt;</a>
               <div class="banner_menu_content" style="width: 600px; top: -20px;">
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/minote.jpg"></a><a>大米NOTE</a><span>选购</span></li>
                   <li>
                     <a><img src="img/mi4.jpg"></a><a>大米手机4</a><span>选购</span></li>
                   <li>
                     <a><img src="img/hongmi2.jpg"></a><a>红米手机2</a><span>选购</span></li>
                   <li>
                     <a><img src="img/hongmi2a.jpg"></a><a>红米手机2A</a><span>选购</span></li>
                   <li>
                     <a><img src="img/note2.jpg"></a><a>红米NOTE2</a><span>选购</span></li>
                   <li>
                     <a><img src="img/note2.jpg"></a><a>红米NOTE&nbsp;4G双卡</a><span>选购</span></li>
                 </ul>
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/mipad.jpg"></a><a>大米平板</a><span>选购</span></li>
                   <li>
                     <a><img src="img/telcom.jpg"></a><a>电信版</a></li>
                   <li>
                     <a><img src="img/heyue.jpg"></a><a>合约机</a></li>
                   <li>
                     <a><img src="img/zhongxin.jpg"></a><a>中信特权</a></li>
                   <li>
                     <a><img src="img/compare.jpg"></a><a>对比手机</a></li>
                 </ul>
               </div>
             </li>
             <li>
               <a>电视&nbsp;盒子</a>
               <a class="banner_menu_i">&gt;</a>
               <div class="banner_menu_content" style="width: 600px; top: -62px;">
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/tv40.jpg"></a><a>大米电视40英寸</a></li>
                   <li>
                     <a><img src="img/tv48.jpg"></a><a>大米电视48英寸</a></li>
                   <li>
                     <a><img src="img/tv49.jpg"></a><a>大米电视49英寸</a></li>
                   <li>
                     <a><img src="img/hezis.jpg"></a><a>大米电视55英寸</a></li>
                   <li>
                     <a><img src="img/hezis.jpg"></a><a>大米盒子</a></li>
                   <li>
                     <a><img src="img/hezis.jpg"></a><a>大米盒子MINI</a></li>
                 </ul>
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/dianshipeijian.jpg"></a><a>大米电视配件</a><span>选购</span></li>
                 </ul>
               </div>
             </li>
             <li>
               <a>路由器&nbsp;智能配件</a>
               <a class="banner_menu_i">&gt;</a>
               <div class="banner_menu_content" style="width: 900px; top: -104px;">
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/miwifi.jpg"></a><a>大米路由器</a></li>
                   <li>
                     <a><img src="img/miwifilite.jpg"></a><a>大米路由器&nbsp;青春版</a></li>
                   <li>
                     <a><img src="img/air.jpg"></a><a>净化器</a></li>
                   <li>
                     <a><img src="img/xiaoyi.jpg"></a><a>摄像机</a></li>
                   <li>
                     <a><img src="img/scale.jpg"></a><a>体重称</a></li>
                   <li>
                     <a><img src="img/scale.jpg"></a><a>智能插头</a></li>
                 </ul>
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/miwifimini.jpg"></a><a>大米路由器MINI</a></li>
                   <li>
                     <a><img src="img/wifiExtension.jpg"></a><a>大米WIFI放大器</a></li>
                   <li>
                     <a><img src="img/yicamera.jpg"></a><a>运动相机</a></li>
                   <li>
                     <a><img src="img/water.jpg"></a><a>净水器</a></li>
                   <li>
                     <a><img src="img/ihealth.jpg"></a><a>血压计</a></li>
                   <li>
                     <a><img src="img/ihealth.jpg"></a><a>床头灯</a></li>
                 </ul>
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/zhinengtaozhuang.jpg"></a><a>智能家庭套装</a></li>
                   <li>
                     <a><img src="img/shouhuan.jpg"></a><a>大米手环</a></li>
                   <li>
                     <a><img src="img/smart.jpg"></a><a>全部智能硬件</a></li>
                 </ul>
               </div>
             </li>
             <li>
               <a>移动电源&nbsp;插线板</a>
               <a class="banner_menu_i">&gt;</a>
               <div class="banner_menu_content" style="width: 300px; top: -146px;">
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/dianyuan.jpg "></a><a>大米移动电源</a></li>
                   <li>
                     <a><img src="img/powerscript.jpg"></a><a>大米插线板</a></li>
                   <li>
                     <a><img src="img/yidongdianyuan.jpg"></a><a>品牌移动电源</a></li>
                   <li>
                     <a><img src="img/dianyuanfujian.jpg"></a><a>移动电源附件</a></li>
                 </ul>
               </div>
             </li>
             <li>
               <a>耳机&nbsp;音箱</a>
               <a class="banner_menu_i">&gt;</a>
               <div class="banner_menu_content" style="width: 300px; top: -188px;">
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/headphone.jpg"></a><a>大米头戴式耳机</a></li>
                   <li>
                     <a><img src="img/huosai.jpg"></a><a>大米活塞耳机</a></li>
                   <li>
                     <a><img src="img/bluetoothheadset.jpg"></a><a>大米蓝牙耳机</a></li>
                   <li>
                     <a><img src="img/erji.jpg"></a><a>品牌耳机</a></li>
                   <li>
                     <a><img src="img/yinxiang.jpg"></a><a>音箱</a></li>
                 </ul>
               </div>
             </li>
             <li>
               <a>电池&nbsp;存储卡</a>
               <a class="banner_menu_i">&gt;</a>
               <div class="banner_menu_content" style="width: 300px; top: -230px;">
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/dianchi.jpg"></a><a>电池</a></li>
                   <li>
                     <a><img src="img/chongdian.jpg"></a><a>充电器</a></li>
                   <li>
                     <a><img src="img/xiancai.jpg"></a><a>线材</a></li>
                   <li>
                     <a><img src="img/cunchu.jpg"></a><a>存储卡</a></li>
                 </ul>
               </div>
             </li>
             <li>
               <a>保护套&nbsp;后盖</a>
               <a class="banner_menu_i">&gt;</a>
               <div class="banner_menu_content" style="width: 300px; top: -272px;">
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/baohu.jpg"></a><a>保护套/保护壳</a></li>
                   <li>
                     <a><img src="img/hougai.jpg"></a><a>后盖</a></li>
                 </ul>
               </div>
             </li>
             <li>
               <a>贴膜&nbsp;其它配件</a>
               <a class="banner_menu_i">&gt;</a>
               <div class="banner_menu_content" style="width: 600px; top: -314px;">
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/tiemo.jpg"></a><a>贴膜</a></li>
                   <li>
                     <a><img src="img/zipaigan.jpg"></a><a>自拍杆</a></li>
                   <li>
                     <a><img src="img/zipaigan.jpg"></a><a>蓝牙手柄</a></li>
                   <li>
                     <a><img src="img/tizhi.jpg"></a><a>贴纸</a></li>
                   <li>
                     <a><img src="img/fangchensai.jpg"></a><a>防尘塞</a></li>
                   <li>
                     <a><img src="img/fangchensai.jpg"></a><a>手机支架</a></li>
                 </ul>
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/raoxian.jpg"></a><a>耳机绕线器</a></li>
                   <li>
                     <a><img src="img/wifi.jpg"></a><a>随身WIFI</a></li>
                 </ul>
               </div>
             </li>
             <li>
               <a>米兔&nbsp;服装</a>
               <a class="banner_menu_i">&gt;</a>
               <div class="banner_menu_content" style="width: 300px; top: -356px;">
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/mitu.jpg"></a><a>米兔</a></li>
                   <li>
                     <a><img src="img/fuzhuang.jpg"></a><a>服装</a></li>
                 </ul>
               </div>
             </li>
             <li>
               <a>背包&nbsp;其它周边</a>
               <a class="banner_menu_i">&gt;</a>
               <div class="banner_menu_content" style="width: 300px; top: -398px;">
                 <ul class="banner_menu_content_ul">
                   <li>
                     <a><img src="img/bag.jpg"></a><a>背包</a></li>
                   <li>
                     <a><img src="img/shubiaodian.jpg"></a><a>大米鼠标坠</a></li>
                   <li>
                     <a><img src="img/zhoubian.jpg"></a><a>生活周边</a></li>
                   <li>
                     <a><img src="img/wan.jpg"></a><a>玩酷产品</a></li>
                 </ul>
               </div>
             </li>
           </ul>
           <div id="big_banner_pic_wrap">
             <ul id="big_banner_pic">
               <li><img src="img/T1hiDvBvVv1RXrhCrK.jpg"></li>
               <li><img src="img/T1jrxjB_VT1RXrhCrK.jpg"></li>
               <li><img src="img/T1oTJjBKKT1RXrhCrK.jpg"></li>
               <li><img src="img/T1RICjB7DT1RXrhCrK.jpg"></li>
               <li><img src="img/T1vWdTBKDv1RXrhCrK.jpg"></li>
             </ul>
           </div>
           <div id="big_banner_change_wrap">
             <div id="big_banner_change_prev">&lt;</div>
             <div id="big_banner_change_next">&gt;</div>
           </div>
         </div>

        <script type="text/javascript" src="__STATIC__/admin_js/script.js"></script>
        <!-- 内容结束 -->

    </div>

    {include file="common:footer" /}

  </div>
  <!-- content end -->
</div>

<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"></a>

{include file="common:footer" /}

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="__STATIC__/admin_js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__STATIC__/admin_js/jquery.min.js"></script>
<!--<![endif]-->
<script src="__STATIC__/admin_js/amazeui.min.js"></script>
<script src="__STATIC__/admin_js/app.js"></script>
</body>
</html>
